<template>
  <div>
    <span>{{ row.title }}</span>
    <el-popover v-if="row.remark" trigger="hover" transition="el-zoom-in-bottom" placement="top" popper-class="popper">
      <div>{{ row.remark }}</div>
      <template v-slot:reference><i class="edu-icon-info" /></template>
    </el-popover>
  </div>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
};
</script>

<style></style>
